<?php global $ubi; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Ubiquitous</title>    
    
    <link href="include/css/style.css" rel="stylesheet" type="text/css" />
    <link href="include/css/form.css" rel="stylesheet" type="text/css" />    
    <link href="include/css/jquery-ui.css" type="text/css" rel="stylesheet" />
    <link href="include/css/jquery.wysiwyg.css" type="text/css" rel="stylesheet" />
    <link rel="stylesheet" href="include/css/jquery.alerts.css" type="text/css" />
            
	<script language="javascript" src="include/script/jquery.js" type="text/javascript"></script>
	<script language="javascript" src="include/script/jquery.corner.js" type="text/javascript"></script>	
	<script type="text/javascript" src="include/script/jquery-ui-1.8.14.custom.min.js"></script>    
	<script type="text/javascript" src="include/script/jquery.wysiwyg.js"></script>
	<script type="text/javascript" src="include/script/script.js"></script>
	<script type="text/javascript" src="include/script/jquery.alerts.js"></script>
		
    <!--[if lte IE 6]>
        <script type="text/javascript" src="supersleight-min.js"></script>
        <link href="css/ie6.css" rel="stylesheet" type="text/css" />
    <![endif]-->
	
	<script language="javascript" type="text/javascript">				
		$(document).ready(function(){
			$('.organicContent2').corner("5px");					
			$('.organicContent2 h2').corner("5px");					
			$('.organicContent4').corner("5px");					
			$('.organicContent4 h2').corner("5px");					
			$('#footer').corner("5px");								
				
			$(".tab").hide();
			
			$(".tab:first").show();
								
			$("#lnkItem").click(function(){
				$(".tab").hide();
				$('#item').show();											
			});
			
			$("#lnkDiaDiem").click(function(){
				$(".tab").hide();			
				$('#diadiem').show();
				$('#diadiem').load('index.php?load&view=inputProvider');						
			});
			
			$('#header_bar').load('index.php?load&view=header');
			$('#footer_bar').load('index.php?load&view=footer');			
			$('#item').load('index.php?load&view=inputItem');					
		});
    </script>
</head>

<body>
<div id="main"><!-- Main starts here -->
<div id="header_bar"></div>

<div class="clear"></div>

<div class="contentTop"></div>
<div class="content">	
    <div class="organic">
        <div class="organicHolder2 width540px">        	
            <div class="organicContent2">   
            	<h2> 
                    <ul class="htabs">
                        <li><a href="#" id="lnkItem">Giới thiệu món ăn</a></li>
                        <li>|</li>
                        <li><a href="#" id="lnkDiaDiem">Giới thiệu địa điểm</a></li>                    
                    </ul>
                </h2>
                <div class="tabs">
                	<div class="tab inside" id="item"></div>
                	<div class="tab inside" id="diadiem"></div>            	
                </div>
            </div>                                                       
		</div>        
        
        <div class="left width190px organicHolder6">
			<div class="organicContent6">
            	<h2>DANH MỤC</h2>
                <ul>
                	<li><a href="#">Kem (12 món)</a></li>
                    <li><a href="#">Đồ Uống (50 món)</a></li>
                    <li><a href="#">Món Mặn (76 món)</a></li>                    
                    <li><a href="#">Không phân loại (76 món)</a></li>                                        
                </ul>
            </div>            
        </div>
        
        <div class="left width190px organicHolder6">
			<div class="organicContent6">
            	<h2>THỐNG KÊ ĐỊA ĐIỂM</h2>
                <ul>
                	<li><a href="#">Quận 1 (23 địa điểm)</a></li>
                    <li><a href="#">Quận 10 (23 địa điểm)</a></li>
                    <li><a href="#">Quận 3 (23 địa điểm)</a></li>                    
                    <li><a href="#">Quận Tân Bình (23 địa điểm)</a></li>                                        
                </ul>
            </div>            
        </div>
    </div>
    	
    <div class="clear"></div>
</div>
<div class="contentBottom"></div>

<div id="footer_bar"></div>	

</div><!-- Main ends here -->
</body>
</html>